<!--信息栏/导航-->
<div class="header">
	<!--头部信息栏开始-->
	<div class="header_info">
		<div class="header_content">
			<div class="header_cart">
				<a href="../../templates/foreground/page/shop.ftl" class="cart_icon" id="cart_info">
					<i class="iconfont">&#xe600;</i> 购物车
					<span class="cart_num">（0）</span>
				</a>
				<!--鼠标覆盖显示购物车信息-->
				<div class="cart_btn" id="cart_btnone">
					<div class="loading">购物车中还没有商品，赶紧选购吧！</div>
				</div>
			</div>
			<!--显示信息-->
			<div class="user_info">
				<a href="../../fore/user/toLoginPage" class="user_link">登录</a>
				<span class="sep">|</span>
				<a href="../../fore/user/toRegistPage" class="user_link">注册</a>
				<span class="sep">|</span>
				<a href="../../templates/foreground/login/personal _center.ftl" class="user_link">个人中心</a>
			</div>
		</div>
	</div>
	<!--头部信息栏结束-->

	<!--导航栏开始-->
	<div class="header_nav">
		<div class="nav_content">
			<div class="nav_logo"><img src="../../static/foreground/img/header/logo-footer.png" /></div>
			<div class="nav_center">
				<ul class="nav_list">
					<!--全部商品分类-->
					<li class="nav_varity">
						<a href="#" class="link_nav">
							全部商品分类
						</a>
						<div class="varity_hide">
							<ul class="varity_hide_ul">
								<li class="varity_hid_li">
									<a href="../../templates/foreground/page/phone.html" class="title">手机 电话卡<i class="iconfont">&#xe62e;</i></a>
									<!--点击选项卡出现的分类列表-->
									<div class="title_children children_col_3">
										<!--左边一列手机展示-->
										<ul class="title_children_ul">
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_phone_a.png" class="thumb" />
													<span class="title_text">小米MIX 2S</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_phone_b.jpg" class="thumb" />
													<span class="title_text">小米6X</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_phone_c.png" class="thumb" />
													<span class="title_text">黑鲨游戏手机</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_phone_d.png" class="thumb" />
													<span class="title_text">小米Note 3</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_phone_e.png" class="thumb" />
													<span class="title_text">小米MIX 2</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_phone_f.png" class="thumb" />
													<span class="title_text">小米6</span></a>
											</li>
										</ul>
										<!--中间一列手机展示-->
										<ul class="title_children_ul">
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_phone_g.png" class="thumb" />
													<span class="title_text">小米5X</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_phone_h.jpg" class="thumb" />
													<span class="title_text">小米Max 2</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_phone_i.png" class="thumb" />
													<span class="title_text">红米Note 5</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_phone_j.png" class="thumb" />
													<span class="title_text">红米 S2</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_phone_k.png" class="thumb" />
													<span class="title_text">红米5 plus</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_phone_o.png" class="thumb" />
													<span class="title_text">红米5</span></a>
											</li>
										</ul>
										<!--右边一列手机展示-->
										<ul class="title_children_ul">
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_phone_p.png" class="thumb" />
													<span class="title_text">红米5A</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_phone_q.jpg" class="thumb" />
													<span class="title_text">移动4G+专区</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_phone_u.jpg" class="thumb" />
													<span class="title_text">对比手机</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_phone_v.jpg" class="thumb" />
													<span class="title_text">米粉卡 日粗卡</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_phone_w.jpg" class="thumb" />
													<span class="title_text">小米移动 电话卡</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_phone_x.png" class="thumb" />
													<span class="title_text">手机上门维修6</span></a>
											</li>
										</ul>
									</div>
								</li>
								<li class="varity_hid_li">
									<a href="../../templates/foreground/page/TV.html" class="title">电视 盒子<i class="iconfont">&#xe62e;</i></a>
									<!--点击选项卡出现的分类列表-->
									<div class="title_children children_col_4">
										<!--第一列电视盒子展示-->
										<ul class="title_children_ul">
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_tv_a.jpg" class="thumb" />
													<span class="title_text">小米电视4A 32英寸</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_tv_b.jpg" class="thumb" />
													<span class="title_text">小米电视4A 40英寸</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_tv_c.jpg" class="thumb" />
													<span class="title_text">小米电视4A 43英寸</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_tv_d.jpg" class="thumb" />
													<span class="title_text">小米电视4A 43英寸青春版</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_tv_e.jpg" class="thumb" />
													<span class="title_text">小米电视4A 49英寸</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_tv_f.jpg" class="thumb" />
													<span class="title_text">小米电视4A 50英寸</span></a>
											</li>
										</ul>
										<!--第二列电视盒子展示-->
										<ul class="title_children_ul">
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_tv_g.jpg" class="thumb" />
													<span class="title_text">小米电视4A 55英寸</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_tv_h.jpg" class="thumb" />
													<span class="title_text">小米电视4A 65英寸</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_tv_i.png" class="thumb" />
													<span class="title_text">小米电视4C 43英寸</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_tv_j.jpg" class="thumb" />
													<span class="title_text">小米电视4C 50英寸</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_tv_k.png" class="thumb" />
													<span class="title_text">小米电视4C 55英寸</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_tv_l.jpg" class="thumb" />
													<span class="title_text">小米电视4A 32英寸体育版</span></a>
											</li>
										</ul>
										<!--第三列电视盒子展示-->
										<ul class="title_children_ul">
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_tv_m.jpg" class="thumb" />
													<span class="title_text">小米电视4A 43英寸体育版</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_tv_n.jpg" class="thumb" />
													<span class="title_text">小米电视4C 55英寸体育版 </span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_tv_o.jpg" class="thumb" />
													<span class="title_text">小米电视4 49英寸</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_tv_p.jpg" class="thumb" />
													<span class="title_text">小米电视4 55英寸</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_tv_q.jpg" class="thumb" />
													<span class="title_text">小米电视4 65英寸</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_tv_u.png" class="thumb" />
													<span class="title_text">小米电视4S 55英寸</span></a>
											</li>
										</ul>
										<!--第四列电视盒子展示-->
										<ul class="title_children_ul">
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_tv_v.jpg" class="thumb" />
													<span class="title_text">小米电视4S 50英寸</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_tv_w.jpg" class="thumb" />
													<span class="title_text">小米电视4S 32英寸</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_tv_x.jpg" class="thumb" />
													<span class="title_text">小米盒子4</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_tv_y.jpg" class="thumb" />
													<span class="title_text">小米盒子4c</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_tv_z.jpg" class="thumb" />
													<span class="title_text">小米盒子3 增强版</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_tv_t.jpg" class="thumb" />
													<span class="title_text">小米盒子3c</span></a>
											</li>
										</ul>
									</div>
								</li>
								<li class="varity_hid_li">
									<a href="../../templates/foreground/page/phone.html" class="title">笔记本<i class="iconfont">&#xe62e;</i></a>
									<div class="title_children children_col_3">
										<!--左边一列手机展示-->
										<ul class="title_children_ul">
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_note_a.png" class="thumb" />
													<span class="title_text">小米游戏本 15.6"</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_note_b.jpg" class="thumb" />
													<span class="title_text">笔记本Air 12.5"</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_note_b.jpg" class="thumb" />
													<span class="title_text">笔记本Air 13.3" 独显</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_note_b.jpg" class="thumb" />
													<span class="title_text">笔记本Air 13.3" 集显</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_note_c.png" class="thumb" />
													<span class="title_text">笔记本Air 13.3" 四核增强</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_note_d.png" class="thumb" />
													<span class="title_text">笔记本Pro 15.6"</span></a>
											</li>
										</ul>
										<!--中间一列手机展示-->
										<ul class="title_children_ul">
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_note_e.jpg" class="thumb" />
													<span class="title_text">USB-C电源适配器</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_note_f.jpg" class="thumb" />
													<span class="title_text">HDMI转接器</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_note_g.png" class="thumb" />
													<span class="title_text">VGA 千兆网口转接器</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_note_h.jpg" class="thumb" />
													<span class="title_text">小米笔记本内胆包</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_note_i.jpg" class="thumb" />
													<span class="title_text">悦米机械键盘</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_note_j.jpg" class="thumb" />
													<span class="title_text">悦米机械键盘Pro静音版</span></a>
											</li>
										</ul>
										<!--右边一列手机展示-->
										<ul class="title_children_ul">
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_note_k.jpg" class="thumb" />
													<span class="title_text">小米便携鼠标</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_note_l.png" class="thumb" />
													<span class="title_text">小米无线鼠标</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_note_m.jpg" class="thumb" />
													<span class="title_text">鼠标垫</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_note_n.jpg" class="thumb" />
													<span class="title_text">DisplayPort转接器</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_note_o.png" class="thumb" />
													<span class="title_text">USB至千兆网口转接器</span></a>
											</li>
										</ul>
									</div>
								</li>
								<li class="varity_hid_li">
									<a href="../../templates/foreground/page/jiadian.html" class="title">智能 家电<i class="iconfont">&#xe62e;</i></a>
									<!--点击选项卡出现的分类列表-->
									<div class="title_children children_col_4">
										<!--第一列智能家电展示-->
										<ul class="title_children_ul">
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_smart_a.jpg" class="thumb" />
													<span class="title_text">空气净化器2</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_smart_b.jpg" class="thumb" />
													<span class="title_text">空气净化器Pro</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_smart_c.jpg" class="thumb" />
													<span class="title_text">净化器2S</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_smart_d.jpg" class="thumb" />
													<span class="title_text">净化器MAX</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_smart_e.jpg" class="thumb" />
													<span class="title_text">车载空气净化器</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_smart_f.jpg" class="thumb" />
													<span class="title_text">空净滤芯</span></a>
											</li>
										</ul>
										<!--第二列智能家电展示-->
										<ul class="title_children_ul">
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_smart_g.jpg" class="thumb" />
													<span class="title_text">净水器(厨下式)</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_smart_h.jpg" class="thumb" />
													<span class="title_text">净水器滤芯</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_smart_i.jpg" class="thumb" />
													<span class="title_text">米家恒温电水壶</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_smart_j.jpg" class="thumb" />
													<span class="title_text">米家电水壶</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_smart_k.jpg" class="thumb" />
													<span class="title_text">PM2.5检测仪</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_smart_l.jpg" class="thumb" />
													<span class="title_text">水质TDS检测笔</span></a>
											</li>
										</ul>
										<!--第三列智能家电展示-->
										<ul class="title_children_ul">
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_smart_m.jpg" class="thumb" />
													<span class="title_text">扫地机器人</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_smart_n.jpg" class="thumb" />
													<span class="title_text">扫地机附件 </span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_smart_o.jpg" class="thumb" />
													<span class="title_text">米家电饭煲</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_smart_p.jpg" class="thumb" />
													<span class="title_text">米家电磁炉</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_smart_q.jpg" class="thumb" />
													<span class="title_text">知吾煮厨具</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_smart_r.jpg" class="thumb" />
													<span class="title_text">激光投影电视</span></a>
											</li>
										</ul>
										<!--第四列智能家电展示-->
										<ul class="title_children_ul">
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_smart_s.jpg" class="thumb" />
													<span class="title_text">小米净水器 1A （厨下式）</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_smart_t.jpg" class="thumb" />
													<span class="title_text">剃须刀</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_smart_u.png" class="thumb" />
													<span class="title_text">小米净水器滤芯</span></a>
											</li>
										</ul>
									</div>
								</li>
								<li class="varity_hid_li">
									<a href="../../templates/foreground/page/jiaju.html" class="title">健康 家居<i class="iconfont">&#xe62e;</i></a>
									<!--点击选项卡出现的分类列表-->
									<div class="title_children children_col_4">
										<!--第一列健康家居展示-->
										<ul class="title_children_ul">
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_home_a.jpg" class="thumb" />
													<span class="title_text">手环</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_home_b.jpg" class="thumb" />
													<span class="title_text">手表</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_home_c.jpg" class="thumb" />
													<span class="title_text">小米体脂秤</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_home_d.jpg" class="thumb" />
													<span class="title_text">小米体重秤</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_home_e.jpg" class="thumb" />
													<span class="title_text">米家电动牙刷</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_home_f.jpg" class="thumb" />
													<span class="title_text">智能家庭组合</span></a>
											</li>
										</ul>
										<!--第二列健康家居展示-->
										<ul class="title_children_ul">
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_home_g.jpg" class="thumb" />
													<span class="title_text">米家智能插座</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_home_h.jpg" class="thumb" />
													<span class="title_text">手电筒</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_home_i.jpg" class="thumb" />
													<span class="title_text">米家LED智能台灯</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_home_j.jpg" class="thumb" />
													<span class="title_text">米家飞利浦台灯</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_home_k.jpg" class="thumb" />
													<span class="title_text">米家感应夜灯</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_home_l.jpg" class="thumb" />
													<span class="title_text">床头灯</span></a>
											</li>
										</ul>
										<!--第三列健康家居展示-->
										<ul class="title_children_ul">
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_home_m.jpg" class="thumb" />
													<span class="title_text">吸顶灯</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_home_n.jpg" class="thumb" />
													<span class="title_text">智能灯泡 </span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_home_o.jpg" class="thumb" />
													<span class="title_text">米家小白智能摄像机</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_home_p.jpg" class="thumb" />
													<span class="title_text">米家智能摄像机云台版</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_home_q.jpg" class="thumb" />
													<span class="title_text">小方智能摄像机</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_home_r.jpg" class="thumb" />
													<span class="title_text">大方智能摄像机</span></a>
											</li>
										</ul>
										<!--第四列健康家居展示-->
										<ul class="title_children_ul">
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_home_s.jpg" class="thumb" />
													<span class="title_text">米家智能摄像机1080P</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_home_t.jpg" class="thumb" />
													<span class="title_text">小白智能摄像机大众版</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_home_u.jpg" class="thumb" />
													<span class="title_text">米家蓝牙温湿度计</span></a>
											</li>
										</ul>
									</div>
								</li>
								<li class="varity_hid_li">
									<a href="../../templates/foreground/page/shenghuo.html" class="title">出行 儿童<i class="iconfont">&#xe62e;</i></a>
									<!--点击选项卡出现的分类列表-->
									<div class="title_children children_col_4">
										<!--第一列出行儿童展示-->
										<ul class="title_children_ul">
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_go_a.jpg" class="thumb" />
													<span class="title_text">九号平衡车</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_go_b.jpg" class="thumb" />
													<span class="title_text">九号平衡车Plus</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_go_c.jpg" class="thumb" />
													<span class="title_text">米家电动滑板车</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_go_d.jpg" class="thumb" />
													<span class="title_text">电助力折叠自行车</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_go_e.jpg" class="thumb" />
													<span class="title_text">行车记录仪</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_go_f.jpg" class="thumb" />
													<span class="title_text">70迈智能后视镜</span></a>
											</li>
										</ul>
										<!--第二列出行儿童展示-->
										<ul class="title_children_ul">
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_go_g.jpg" class="thumb" />
													<span class="title_text">米兔遥控小飞机</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_go_h.jpg" class="thumb" />
													<span class="title_text">米兔儿童手表2</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_go_i.jpg" class="thumb" />
													<span class="title_text">米兔智能积木</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_go_j.jpg" class="thumb" />
													<span class="title_text">米兔故事机</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_go_k.jpg" class="thumb" />
													<span class="title_text">积木机器人</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_go_l.jpg" class="thumb" />
													<span class="title_text">米兔定位电话</span></a>
											</li>
										</ul>
										<!--第三列出行儿童展示-->
										<ul class="title_children_ul">
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_go_m.jpg" class="thumb" />
													<span class="title_text">米兔轨道积木</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_go_n.jpg" class="thumb" />
													<span class="title_text">小米无人机 </span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_go_o.jpg" class="thumb" />
													<span class="title_text">米家对讲机</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_go_p.jpg" class="thumb" />
													<span class="title_text">米家小相机</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_go_q.jpg" class="thumb" />
													<span class="title_text">米家全景相机</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_go_r.jpg" class="thumb" />
													<span class="title_text">小蚁微单相机</span></a>
											</li>
										</ul>
										<!--第四列出行儿童展示-->
										<ul class="title_children_ul">
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_go_s.jpg" class="thumb" />
													<span class="title_text">小米米家智能后视镜</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_go_t.jpg" class="thumb" />
													<span class="title_text">小米小爱音箱mini</span></a>
											</li>
										</ul>
									</div>
								</li>
								<li class="varity_hid_li">
									<a href="../../templates/foreground/page/luyouqi.html" class="title">路由器 手机配件<i class="iconfont">&#xe62e;</i></a>
									<!--点击选项卡出现的分类列表-->
									<div class="title_children children_col_3">
										<!--左边一列路由器手机配件展示-->
										<ul class="title_children_ul">
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_router_a.jpg" class="thumb" />
													<span class="title_text">小米路由器3</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_router_b.jpg" class="thumb" />
													<span class="title_text">小米路由器3C</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_router_c.jpg" class="thumb" />
													<span class="title_text">小米路由器3G</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_router_d.jpg" class="thumb" />
													<span class="title_text">小米路由器3A</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_router_e.jpg" class="thumb" />
													<span class="title_text">小米路由器Pro</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_router_f.jpg" class="thumb" />
													<span class="title_text">小米路由器HD</span></a>
											</li>
										</ul>
										<!--中间一列路由器手机配件展示-->
										<ul class="title_children_ul">
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_router_g.jpg" class="thumb" />
													<span class="title_text">WiFi放大器2</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_router_h.jpg" class="thumb" />
													<span class="title_text">WiFi放大器Pro</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_router_i.jpg" class="thumb" />
													<span class="title_text">WiFi电力猫</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_router_j.png" class="thumb" />
													<span class="title_text">小米VR眼镜</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_router_k.jpg" class="thumb" />
													<span class="title_text">随身WIFI</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_router_l.jpg" class="thumb" />
													<span class="title_text">千兆网线</span></a>
											</li>
										</ul>
										<!--右边一列路由器手机配件展示-->
										<ul class="title_children_ul">
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_router_m.jpg" class="thumb" />
													<span class="title_text">手机保护套</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_router_n.jpg" class="thumb" />
													<span class="title_text">手机贴膜</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_router_o.jpg" class="thumb" />
													<span class="title_text">自拍杆</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_router_p.jpg" class="thumb" />
													<span class="title_text">数据线</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_router_q.jpg" class="thumb" />
													<span class="title_text">存储卡</span></a>
											</li>
										</ul>
									</div>
								</li>
								<li class="varity_hid_li">
									<a href="../../templates/foreground/page/shenghuo.html" class="title">移动电源 插线板<i class="iconfont">&#xe62e;</i></a>
									<!--点击选项卡出现的分类列表-->
									<div class="title_children children_col_3">
										<!--左边一列移动电源插线板展示-->
										<ul class="title_children_ul">
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_move_a.jpg" class="thumb" />
													<span class="title_text">新小米移动电源2</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_move_b.jpg" class="thumb" />
													<span class="title_text">小米移动电源2C</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_move_c.jpg" class="thumb" />
													<span class="title_text">小米移动电源2</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_move_d.jpg" class="thumb" />
													<span class="title_text">小米随身手电筒</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_move_e.jpg" class="thumb" />
													<span class="title_text">移动电源保护套</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_move_f.jpg" class="thumb" />
													<span class="title_text">彩虹电池7号</span></a>
											</li>
										</ul>
										<!--中间一列移动电源插线板展示-->
										<ul class="title_children_ul">
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_move_g.jpg" class="thumb" />
													<span class="title_text">彩虹5号电池（10粒装）</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_move_h.jpg" class="thumb" />
													<span class="title_text">USB充电器</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_move_i.jpg" class="thumb" />
													<span class="title_text">小米车载充电器</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_move_j.jpg" class="thumb" />
													<span class="title_text">米家随身风扇</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_move_k.jpg" class="thumb" />
													<span class="title_text">小米插线板USB版</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_move_l.jpg" class="thumb" />
													<span class="title_text">米家插线板6位 基础版</span></a>
											</li>
										</ul>
										<!--右边一列移动电源插线板展示-->
										<ul class="title_children_ul">
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_move_m.jpg" class="thumb" />
													<span class="title_text">米家插线板3位长线版</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_move_n.jpg" class="thumb" />
													<span class="title_text">米家智能插线板</span></a>
											</li>
										</ul>
									</div>
								</li>
								<li class="varity_hid_li">
									<a href="../../templates/foreground/page/erji.html" class="title">耳机 音箱<i class="iconfont">&#xe62e;</i></a>
									<!--点击选项卡出现的分类列表-->
									<div class="title_children children_col_4">
										<!--第一列耳机音箱展示-->
										<ul class="title_children_ul">
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_ear_a.jpg" class="thumb" />
													<span class="title_text">小米蓝牙项圈耳机</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_ear_b.jpg" class="thumb" />
													<span class="title_text">小米游戏耳机</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_ear_c.jpg" class="thumb" />
													<span class="title_text">小米双单元半入耳式耳机</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_ear_d.jpg" class="thumb" />
													<span class="title_text">小米圈铁耳机 Pro</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_ear_e.jpg" class="thumb" />
													<span class="title_text">小米圈铁耳机</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_ear_f.jpg" class="thumb" />
													<span class="title_text">小米活塞耳机 清新版</span></a>
											</li>
										</ul>
										<!--第二列耳机音箱展示-->
										<ul class="title_children_ul">
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_ear_g.jpg" class="thumb" />
													<span class="title_text">小米降噪耳机</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_ear_h.jpg" class="thumb" />
													<span class="title_text">小米胶囊耳机</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_ear_i.jpg" class="thumb" />
													<span class="title_text">小米头戴式耳机</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_ear_j.jpg" class="thumb" />
													<span class="title_text">小米运动蓝牙耳机</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_ear_k.jpg" class="thumb" />
													<span class="title_text">小米运动蓝牙耳机mini</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_ear_l.jpg" class="thumb" />
													<span class="title_text">小米蓝牙耳机</span></a>
											</li>
										</ul>
										<!--第三列耳机音箱展示-->
										<ul class="title_children_ul">
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_ear_m.jpg" class="thumb" />
													<span class="title_text">小米蓝牙音频接收器</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_ear_n.jpg" class="thumb" />
													<span class="title_text">小米头戴式耳机 轻松版 </span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_ear_o.jpg" class="thumb" />
													<span class="title_text">品牌耳机</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_ear_p.jpg" class="thumb" />
													<span class="title_text">小米AI音箱</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_ear_q.jpg" class="thumb" />
													<span class="title_text">小米小钢炮蓝牙音箱2</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_ear_r.jpg" class="thumb" />
													<span class="title_text">小米方盒子蓝牙音箱2</span></a>
											</li>
										</ul>
										<!--第四列耳机音箱展示-->
										<ul class="title_children_ul">
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_ear_s.png" class="thumb" />
													<span class="title_text">小米蓝牙音箱</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_ear_t.jpg" class="thumb" />
													<span class="title_text">小米随身蓝牙音箱</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_ear_u.jpg" class="thumb" />
													<span class="title_text">小米米兔音箱</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_ear_v.jpg" class="thumb" />
													<span class="title_text">小爱音箱mini</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_ear_w.jpg" class="thumb" />
													<span class="title_text">小米电视音响</span></a>
											</li>
										</ul>
									</div>
								</li>
								<li class="varity_hid_li">
									<a href="../../templates/foreground/page/shenghuo.html" class="title">生活 米兔<i class="iconfont">&#xe62e;</i></a>
									<!--点击选项卡出现的分类列表-->
									<div class="title_children children_col_4">
										<!--第一列生活米兔展示-->
										<ul class="title_children_ul">
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_life_a.jpg" class="thumb" />
													<span class="title_text">旅行箱</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_life_b.jpg" class="thumb" />
													<span class="title_text">双肩包</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_life_c.jpg" class="thumb" />
													<span class="title_text">儿童书包</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_life_d.jpg" class="thumb" />
													<span class="title_text">胸包</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_life_a.jpg" class="thumb" />
													<span class="title_text">钱包</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_life_f.jpg" class="thumb" />
													<span class="title_text">收纳包</span></a>
											</li>
										</ul>
										<!--第二列生活米兔展示-->
										<ul class="title_children_ul">
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_life_g.jpg" class="thumb" />
													<span class="title_text">服饰</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_life_a.jpg" class="thumb" />
													<span class="title_text">运动鞋</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_life_i.jpg" class="thumb" />
													<span class="title_text">围巾</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_life_j.jpg" class="thumb" />
													<span class="title_text">眼镜</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_life_k.jpg" class="thumb" />
													<span class="title_text">米家签字笔</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_life_l.jpg" class="thumb" />
													<span class="title_text">文具</span></a>
											</li>
										</ul>
										<!--第三列生活米兔展示-->
										<ul class="title_children_ul">
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_life_m.jpg" class="thumb" />
													<span class="title_text">玻璃保鲜盒</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_life_n.jpg" class="thumb" />
													<span class="title_text">自动折叠伞 </span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_life_o.jpg" class="thumb" />
													<span class="title_text">米家 wiha 精修螺丝刀套装</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_life_p.jpg" class="thumb" />
													<span class="title_text">米兔玩偶</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_life_a.jpg" class="thumb" />
													<span class="title_text">米兔磁力积木</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_life_r.jpg" class="thumb" />
													<span class="title_text">牙刷</span></a>
											</li>
										</ul>
										<!--第四列生活米兔展示-->
										<ul class="title_children_ul">
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_ear_s.png" class="thumb" />
													<span class="title_text">小米蓝牙音箱</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_life_s.png" class="thumb" />
													<span class="title_text">沙发</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_life_t.png" class="thumb" />
													<span class="title_text">枕头</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_life_u.png" class="thumb" />
													<span class="title_text">被子</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_life_v.jpg" class="thumb" />
													<span class="title_text">针织件套</span></a>
											</li>
											<li>
												<a href="#" class="title_children_a">
													<img src="../../static/foreground/img/tabs/tab_life_w.jpg" class="thumb" />
													<span class="title_text">饰品</span></a>
											</li>
										</ul>
									</div>
								</li>
							</ul>
						</div>
					</li>
					<!--首页可视导航栏-->
					<li class="nav_item">
						<a href="###" class="link">小米手机</a>
					</li>
					<li class="nav_item">
						<a href="###" class="link">红米</a>
					</li>
					<li class="nav_item">
						<a href="###" class="link">电视</a>
					</li>
					<li class="nav_item">
						<a href="###" class="link">笔记本</a>
					</li>
					<li class="nav_item">
						<a href="###" class="link">盒子</a>
					</li>
					<li class="nav_item">
						<a href="###" class="link">新品</a>
					</li>
					<li class="nav_item">
						<a href="###" class="link">路由器</a>
					</li>
					<li class="nav_item">
						<a href="###" class="link">智能硬件</a>
					</li>
				</ul>
			</div>
			<!--搜索框-->
			<div class="header_search">
				<form class="search_form">
					<input type="search" id="search" class="search_text" />
					<input type="submit" class="search_btn iconfont" value="&#xe652;" />
					<!--搜索热词-->
					<div class="search_hot_words">
						<a href="#">小米6X</a>
						<a href="#">红米Note 5</a>
					</div>
					<!--指针键入出现的隐藏提示-->
					<div id="keywords_list" class="keywords_list">
						<ul class="result_list">
							<li>
								<a href="#">小米手机6<span class="result">约有29件</span></a>
							</li>
							<li>
								<a href="#">小米手机5X<span class="result">约有7件</span></a>
							</li>
							<li>
								<a href="#">红米<span class="result">约有15件</span></a>
							</li>
							<li>
								<a href="#">红米手机4X<span class="result">约有32件</span></a>
							</li>
							<li>
								<a href="#">小米<span class="result">约有18件</span></a>
							</li>
							<li>
								<a href="#">小米电视4C<span class="result">约有20件</span></a>
							</li>
							<li>
								<a href="#">电视32英寸<span class="result">约有23件</span></a>
							</li>
							<li>
								<a href="#">笔记本pro<span class="result">约有11件</span></a>
							</li>
							<li>
								<a href="#">空气净化器<span class="result">约有46件</span></a>
							</li>
							<li>
								<a href="#">净水器<span class="result">约有9件</span></a>
							</li>
						</ul>
					</div>
				</form>
			</div>
		</div>

		<!--可视导航中鼠标覆盖显示信息-->
		<div id="J_navMenu" class="head_nav_menu">
			<div class="hover_content">
				<!--小米手机-->
				<ul class="hover_list">
					<li class="hover_first">
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_phone_a.png" alt="小米MIX 2S" /></a>
						</div>
						<div class="hover_title">
							<a href="#">小米MIX 2S</a>
						</div>
						<p class="hover_price">3299元起</p>
						<div class="hover_flags">
							<div class="hover_flag">新品</div>
						</div>
					</li>
					<li>
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_phone_b.png" alt="小米MIX 2" /></a>
						</div>
						<div class="hover_title">
							<a href="#">小米MIX 2</a>
						</div>
						<p class="hover_price">2899元</p>
						<div class="hover_flags">
							<div class="hover_flag">热卖</div>
						</div>
					</li>
					<li>
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_phone_c.jpg" alt="小米6X" /></a>
						</div>
						<div class="hover_title">
							<a href="#">小米6X</a>
						</div>
						<p class="hover_price">1599元起</p>
						<div class="hover_flags">
							<div class="hover_flag">新品</div>
						</div>
					</li>
					<li>
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_phone_d.png" alt="小米Note 3" /></a>
						</div>
						<div class="hover_title">
							<a href="#">小米Note 3</a>
						</div>
						<p class="hover_price">1799元</p>
						<div class="hover_flags">
							<div class="hover_flag">热卖</div>
						</div>
					</li>
					<li>
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_phone_e.png" alt="小米Max 2" /></a>
						</div>
						<div class="hover_title">
							<a href="#">小米Max 2</a>
						</div>
						<p class="hover_price">1399元起</p>
					</li>
					<li>
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_phone_f.jpg" alt="小米5X" /></a>
						</div>
						<div class="hover_title">
							<a href="#">小米5X</a>
						</div>
						<p class="hover_price">1499元</p>
					</li>
				</ul>

				<!--红米-->
				<ul class="hover_list">
					<li class="first">
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_red_a.png" alt="红米Note 5" /></a>
						</div>
						<div class="hover_title">
							<a href="#">红米Note 5</a>
						</div>
						<p class="hover_price">1099元起</p>
						<div class="hover_flags">
							<div class="hover_flag">新品</div>
						</div>
					</li>
					<li>
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_red_b.png" /></a>
						</div>
						<div class="hover_title">
							<a href="#">红米S2</a>
						</div>
						<p class="hover_price">999元起</p>
						<div class="hover_flags">
							<div class="hover_flag">新品</div>
						</div>
					</li>
					<li>
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_red_c.png" alt="红米5 Plus" /></a>
						</div>
						<div class="hover_title">
							<a href="#">红米5 Plus</a>
						</div>
						<p class="hover_price">999元起</p>
						<div class="hover_flags">
							<div class="hover_flag">热卖</div>
						</div>
					</li>
					<li>
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_red_d.png" alt="红米5" /></a>
						</div>
						<div class="hover_title">
							<a href="#">红米5</a>
						</div>
						<p class="hover_price">799元起</p>
						<div class="hover_flags">
							<div class="hover_flag">热卖</div>
						</div>
					</li>
					<li>
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_red_e.png" alt="红米5A" /></a>
						</div>
						<div class="hover_title">
							<a href="#">红米5A</a>
						</div>
						<p class="hover_price">599元起</p>
						<div class="hover_flags">
							<div class="hover_flag">热卖</div>
						</div>
					</li>
					<li>
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_red_f.png" alt="红米Note 5A" /></a>
						</div>
						<div class="hover_title">
							<a href="#">红米Note 5A</a>
						</div>
						<p class="hover_price">649元</p>
					</li>
				</ul>

				<!--电视-->
				<ul class="hover_list">
					<li class="first">
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_tv_a.png" alt="红米Note 5" /></a>
						</div>
						<div class="hover_title">
							<a href="#">小米电视4A 32英寸</a>
						</div>
						<p class="hover_price">899元</p>
						<div class="hover_flags">
							<div class="hover_flag">热卖</div>
						</div>
					</li>
					<li>
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_tv_b.jpg" /></a>
						</div>
						<div class="hover_title">
							<a href="#">小米电视4A 40英寸</a>
						</div>
						<p class="hover_price">1399元</p>
						<div class="hover_flags">
							<div class="hover_flag">新品</div>
						</div>
					</li>
					<li>
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_tv_c.png" alt="红米5 Plus" /></a>
						</div>
						<div class="hover_title">
							<a href="#">小米电视4A 43英寸青春版</a>
						</div>
						<p class="hover_price">1599元</p>
						<div class="hover_flags">
							<div class="hover_flag">新品</div>
						</div>
					</li>
					<li>
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_tv_d.jpg" alt="红米5" /></a>
						</div>
						<div class="hover_title">
							<a href="#">小米电视4A 50英寸</a>
						</div>
						<p class="hover_price">1999元</p>
						<div class="hover_flags">
							<div class="hover_flag">新品</div>
						</div>
					</li>
					<li>
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_tv_e.jpg" alt="红米5A" /></a>
						</div>
						<div class="hover_title">
							<a href="#">小米电视4A 55英寸</a>
						</div>
						<p class="hover_price">2599元</p>
						<div class="hover_flags">
							<div class="hover_flag">热卖</div>
						</div>
					</li>
					<li>
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_tv_f.png" alt="红米Note 5A" /></a>
						</div>
						<div class="hover_title">
							<a href="#">查看全部<br/>小米电视</a>
						</div>
					</li>
				</ul>

				<!--笔记本-->
				<ul class="hover_list">
					<li class="first">
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_com_a.png" alt="小米游戏本" /></a>
						</div>
						<div class="title">
							<a href="#">小米游戏本</a>
						</div>
						<p class="price">5999元起</p>
					</li>
					<li>
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_com_b.png" alt="小米笔记本 Pro" /></a>
						</div>
						<div class="title">
							<a href="#">小米笔记本 Pro</a>
						</div>
						<p class="price">5599元起</p>
					</li>
					<li>
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_com_c.jpg" alt="小米笔记本 Air 系列" /></a>
						</div>
						<div class="title">
							<a href="#">小米笔记本 Air 系列</a>
						</div>
						<p class="price">3599元起</p>
					</li>
				</ul>

				<!--盒子-->
				<ul class="hover_list">
					<li class="first">
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_he_a.png" alt="小米盒子4" /></a>
						</div>
						<div class="hover_title">
							<a href="#">小米盒子4</a>
						</div>
						<p class="hover_price">319元</p>
					</li>
					<li>
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_he_b.png" alt="小米盒子4c" /></a>
						</div>
						<div class="hover_title">
							<a href="#">小米盒子4c</a>
						</div>
						<p class="hover_price">219元</p>
					</li>
					<li>
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_he_c.png" alt="小米盒子3s" /></a>
						</div>
						<div class="hover_title">
							<a href="#">小米盒子3s</a>
						</div>
						<p class="hover_price">299元</p>
					</li>
					<li>
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_he_c.png" alt="小米盒子3c" /></a>
						</div>
						<div class="hover_title">
							<a href="#">小米盒子3c</a>
						</div>
						<p class="hover_price">199元</p>
					</li>
					<li>
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_he_d.jpg" alt="小米盒子3 增强版" /></a>
						</div>
						<div class="hover_title">
							<a href="#">小米盒子3 增强版</a>
						</div>
						<p class="hover_price">399元</p>
					</li>
					<li>
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_he_e.png" alt="小米家庭影院" /></a>
						</div>
						<div class="hover_title">
							<a href="#">小米家庭影院</a>
						</div>
						<p class="hover_price">2099元</p>
					</li>
				</ul>

				<!--新品-->
				<ul class="hover_list">
					<li class="first">
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_new_a.png" alt="小米小爱音响mini" /></a>
						</div>
						<div class="hover_title">
							<a href="#">小米小爱音响mini</a>
						</div>
						<p class="hover_price">169元</p>
					</li>
					<li>
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_new_b.png" alt="70 迈智能记录仪" /></a>
						</div>
						<div class="hover_title">
							<a href="#">70 迈智能记录仪</a>
						</div>
						<p class="hover_price">199元</p>
					</li>
					<li>
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_new_c.png" alt="TS太阳镜 旅行者款 米家定制" /></a>
						</div>
						<div class="hover_title">
							<a href="#">TS太阳镜 旅行者款 米家定制</a>
						</div>
						<p class="hover_price">249元</p>
					</li>
					<li>
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_new_d.png" alt="米家电磁炉" /></a>
						</div>
						<div class="hover_title">
							<a href="#">米家电磁炉</a>
						</div>
						<p class="hover_price">299元</p>
					</li>
					<li>
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_new_e.png" alt="知吾煮汤锅 米家定制" /></a>
						</div>
						<div class="hover_title">
							<a href="#">知吾煮汤锅 米家定制</a>
						</div>
						<p class="hover_price">99元</p>
					</li>
					<li>
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_new_f.png" alt="米家电动剃须刀" /></a>
						</div>
						<div class="hover_title">
							<a href="#">米家电动剃须刀</a>
						</div>
						<p class="hover_price">199元</p>
					</li>
				</ul>

				<!--路由器-->
				<ul class="hover_list">
					<li class="first">
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_lu_a.jpg" alt="小米路由器 3A" /></a>
						</div>
						<div class="hover_title">
							<a href="#">小米路由器 3A</a>
						</div>
						<p class="hover_price">139元</p>
					</li>
					<li>
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_lu_b.png" alt="小米路由器 HD/Pro" /></a>
						</div>
						<div class="hover_title">
							<a href="#">小米路由器 HD/Pro</a>
						</div>
						<p class="hover_price">499元起</p>
						<div class="hover_flags">
							<div class="hover_flag">大容量</div>
						</div>
					</li>
					<li>
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_lu_c.png" alt="小米路由器 3G" /></a>
						</div>
						<div class="hover_title">
							<a href="#">小米路由器 3G</a>
						</div>
						<p class="hover_price">249元</p>
						<div class="hover_flags">
							<div class="hover_flag">双千兆</div>
						</div>
					</li>
					<li>
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_lu_d.png" alt="小米路由器 3" /></a>
						</div>
						<div class="hover_title">
							<a href="#">小米路由器 3</a>
						</div>
						<p class="hover_price">149元</p>
						<div class="hover_flags">
							<div class="hover_flag">双频</div>
						</div>
					</li>
					<li>
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_lu_e.png" alt="小米路由器 3C" /></a>
						</div>
						<div class="hover_title">
							<a href="#">小米路由器 3C</a>
						</div>
						<p class="hover_price">99元</p>
						<div class="hover_flags">
							<div class="hover_flag">包邮</div>
						</div>
					</li>
					<li>
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_lu_f.jpg" alt="小米WiFi放大器 Pro" /></a>
						</div>
						<div class="hover_title">
							<a href="#">小米WiFi放大器 Pro</a>
						</div>
						<p class="hover_price">79元</p>
					</li>
				</ul>

				<!--智能硬件-->
				<ul class="hover_list">
					<li class="first">
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_zhi_a.png" alt="小米小爱音响mini" /></a>
						</div>
						<div class="hover_title">
							<a href="#">小米小爱音响mini</a>
						</div>
						<p class="hover_price">169元</p>
					</li>
					<li>
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_zhi_b.jpg" alt="小米无人机" /></a>
						</div>
						<div class="hover_title">
							<a href="#">小米无人机</a>
						</div>
						<p class="hover_price">2999元</p>
						<div class="hover_flags">
							<div class="hover_flag">航拍利器</div>
						</div>
					</li>
					<li>
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_zhi_c.png" alt="小米净水器" /></a>
						</div>
						<div class="hover_title">
							<a href="#">小米净水器</a>
						</div>
						<p class="hover_price">1499元起</p>
					</li>
					<li>
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_zhi_d.jpg" alt="米家扫地机器人" /></a>
						</div>
						<div class="hover_title">
							<a href="#">米家扫地机器人</a>
						</div>
						<p class="hover_price">1699元</p>
					</li>
					<li>
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_zhi_e.jpg" alt="米家压力IH电饭煲" /></a>
						</div>
						<div class="hover_title">
							<a href="#">米家压力IH电饭煲</a>
						</div>
						<p class="hover_price">999元</p>
					</li>
					<li>
						<div class="hover_thumb">
							<a href="#"><img src="../../static/foreground/img/nav_hover/nav_zhi_f.jpg" alt="查看全部<br/>智能硬件" /></a>
						</div>
						<div class="hover_title">
							<a href="#">查看全部<br/>智能硬件</a>
						</div>
					</li>
				</ul>

			</div>
		</div>

	</div>
	<!--导航栏结束-->
</div>
<script type="text/javascript" src="../../static/foreground/js/login/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="../../static/foreground/js/public/nav.js"></script>